<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Welcome to GMapTests</title>
<link rel="stylesheet" href="/css/blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="/css/blueprint/print.css" type="text/css" media="print">
<!--[if lt IE 8]>
  <link rel="stylesheet" href="/css/blueprint/ie.css" type="text/css" media="screen, projection">
<![endif]-->
<link rel="stylesheet" href="/css/custom.css" type="text/css" media="screen, projection">

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-364613-8']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
    
</head>

  <body>
  
<div class="container">

<h1>Welcome to GMapTests</h1>
<hr />

<div class="prepend-1 span-20 append-1 last "> 
  <p>Here you can find some examples and tests that utilize Google's Maps API v3.</p>
  <br /><br /><br />
</div>

<div class="span-6 border">
<div class="screenshotDiv">
<h3>Find Location Coordinates</h3>
<a href="/findLocation.jsp"><img class="screenshot" src="/img/sshots/findLocation.png" /></a>
<p>Drag a marker around the map and get to see the exact map coordinates of that point.</p>
</div>
</div>

<div class="span-6 border">
<div class="screenshotDiv">
<h3>Geohash Bounds Display</h3>
<a href="/geohashBounds.jsp"><img class="screenshot" src="/img/sshots/geohashBounds.png" /></a>
<p>Drag a marker around the map and get to see the geohash bounding boxes that contain it.</p>
</div>
</div>

<div class="span-6 border">
<div class="screenshotDiv">
<h3>Distance between points</h3>
<a href="/findDistance.jsp"><img class="screenshot" src="/img/sshots/findDistance.png" /></a>
<p>Drag a marker around the map see its distance from other points. </p>
</div>
</div>

</div>
  </body>
</html>
